import React from 'react';
import { NavBar, Icon, List } from 'antd-mobile';

import './UserCenterPage.css';
import userLoge from './userIcon.png';

const Item = List.Item;

export default class UserCenterPage extends React.Component {
    state = {
    }

    submit() {
        this.props.submit(this.state);
        this.props.click();
    }

    render() {
        return (
            <div className="user-center-box">
                <NavBar
                    mode="light"
                    icon={<Icon type="left" />}
                    onLeftClick={this.props.click}
                >用户中心</NavBar>
                <List>
                    <Item>
                        <div className="user-center-info">
                            <img src={userLoge} alt="user_icon" className="user-center-icon"/>
                            <div className="user-center-name">user100001</div>
                        </div>
                    </Item>
                    <Item>我的预定</Item>
                    <Item onClick={this.props.clickMySpot}>我的车位</Item>
                    <Item>我的钱包</Item>
                    <Item>邀请好友</Item>
                </List>
            </div>
        )
    }
}
